<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:jsf="http://xmlns.jcp.org/jsf"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:pa="http://java.sun.com/jsf/passthrough">


    <head jsf:id="ssss">
        <title>Eventos CJava</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <f:facet name="first">
            <script src="#{request.contextPath}/resources/js/utilitary.min.js"></script>
        </f:facet>
        <script>
            removejscssfile('primefaces.css', 'css');
            removejscssfile('theme.css', 'css');
        </script>
        <link rel="Shortcut Icon" 
              href="#{request.contextPath}/resources/images/world.png" type="image/x-icon" />
        <link href="#{request.contextPath}/resources/thim/css/bootstrap.css" rel="stylesheet" media="screen" />
        <link href="#{request.contextPath}/resources/thim/css/thin-admin.css" rel="stylesheet" media="screen" />
        <link href="#{request.contextPath}/resources/thim/css/font-awesome.css" rel="stylesheet" media="screen" />
        <link href="#{request.contextPath}/resources/thim/style/style.css" rel="stylesheet" />

        <h:outputStylesheet library="thim" name="css/message.css" />

    </head>

    <body jsf:id="bodyz">
        <p:growl autoUpdate="true" />
        <p:panel id="panelContent" >
            <div class="login-logo">
                <img src="#{request.contextPath}/resources/images/logo_cjava_1.png" width="150" height="80" /> 
            </div>

            <div class="widget">
                <div class="login-content">
                    <div class="widget-content" style="padding-bottom:0;">
                        <h:form class="no-margin" >
                            <h3 class="form-title">Empresa</h3>

                            <fieldset>
                                <div class="form-group no-margin">
                                    <label for="email">Usuario</label>
                                    <div class="input-group input-group-lg">
                                        <span class="input-group-addon">
                                            <i class="icon-user"></i>
                                        </span>
                                        <p:inputText placeholder="Usuario" required="true"
                                                     value="#{companyBean.userName}"
                                                     requiredMessage="Falta Usuario"
                                                     styleClass="form-control input-lg" id="email" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password">Password</label>

                                    <div class="input-group input-group-lg">
                                        <span class="input-group-addon">
                                            <i class="icon-lock"></i>
                                        </span>
                                        <p:password placeholder="Password" required="true"
                                                    value="#{companyBean.password}"
                                                    requiredMessage="Falta Password"
                                                    styleClass="form-control input-lg" id="password" />
                                    </div>

                                </div>
                            </fieldset>
                            <div class="form-actions">
                                <label class="checkbox">
                                    <div class="checker"><span><input type="checkbox" value="1" name="remember" /></span></div> Remember me
                                </label>
                                <p:commandButton action="#{companyBean.loginClientCompany()}"
                                                 styleClass="btn btn-warning pull-right" value="Login">
                                </p:commandButton> 
                            </div>
                        </h:form>
                    </div>
                </div>
            </div>
        </p:panel>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
        <script src="#{request.contextPath}/resources/thim/js/jquery.js"></script> 
        <script src="#{request.contextPath}/resources/thim/js/bootstrap.min.js"></script> 

    </body>
</html>
